// 更新当前时间
let nowTime = new Date();
document.getElementById('nowTime').innerText = nowTime;

// 图片列表
let pics = [
    {
        name: '1.png',
        price: '10000 円',
        title: '连帽雨衣',
        desc: ''
    },
    {
        name: '2.png',
        price: '10000 円',
        title: '连帽雨衣',
        desc: ''
    },
    {
        name: '3.png',
        price: '10000 円',
        title: '连帽雨衣',
        desc: ''
    },
    {
        name: '4.png',
        price: '10000 円',
        title: '连帽雨衣',
        desc: ''
    },
    {
        name: '5.png',
        price: '10000 円',
        title: '连帽雨衣',
        desc: ''
    },
    {
        name: '6.png',
        price: '10000 円',
        title: '连帽雨衣',
        desc: ''
    },
    {
        name: '7.png',
        price: '10000 円',
        title: '连帽雨衣',
        desc: ''
    },
    {
        name: '8.png',
        price: '10000 円',
        title: '连帽雨衣',
        desc: ''
    },
    {
        name: '9.jpg',
        price: '10000 円',
        title: '连帽雨衣',
        desc: ''
    },
    {
        name: '10.jpg',
        price: '10000 円',
        title: '连帽雨衣',
        desc: ''
    }
];
picHtml1 = `
<div class="col-lg-4 col-sm-6 layout-item-wrap">
    <article class="property layout-item clearfix">
        <figure class="feature-image feature-img-size">
           <img data-action="zoom"
                    src="assets/images/property/`;
// 加图片名称，如1.jpg
picHtml2 = `" alt="Property Image">
            <span class="btn btn-warning btn-sale">for sale</span>
        </figure>
        <div class="property-contents clearfix">
            <header class="property-header clearfix">
                <div class="pull-left">
                    <h6 class="entry-title">`;
// 图片标题
picHtml3 = `</h6>
                    <span class="property-location">`
// 图片说明
picHtml4 = `</span>
                </div>
                <button class="btn btn-default btn-price pull-right btn-3d"
                    data-hover="`;
// 加价格
picHtml5 = `"><strong>` // 加价格
picHtml6 = `</strong></button>
            </header>
            <div class="contents clearfix">
                <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
                    tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero
                    eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
                    takimata sanctus est Lorem ipsum dolor sit amet. </p>
            </div>
            <div class="author-box clearfix">
                <a href="#" class="author-img"><img src="assets/images/agents/1.jpg"
                        alt="Agent Image"></a>
                <cite class="author-name">Personal Seller: <a href="#">Linda Garret</a></cite>
                <span class="phone"><i class="fa fa-phone"></i> 00894 692-49-22</span>
            </div>
        </div>
    </article>
</div>
</div>`;
let innerHTML = '';
for (let i = 0; i < pics.length; i++) {
    innerHTML += picHtml1 + pics[i].name + picHtml2 + pics[i].title + picHtml3 + pics[i].desc + picHtml4 + pics[i].price + picHtml5 + pics[i].price + picHtml6;
}
document.getElementById('list').innerHTML = innerHTML;